import Vue from 'vue'

import VueRouter from 'vue-router'
import Deng from '../ZuoYe/Deng.vue'
import Shou from '../ZuoYe/Shou.vue'
import First from '../ZuoYe/Frist.vue'
import Second from '../ZuoYe/Second.vue'
import Third from '../ZuoYe/Third.vue'
import Forth from '../ZuoYe/Forth.vue'
// import Yi from '../YI/Yi.vue'
// import Er from '../YI/Er.vue'
// import San from '../YI/San.vue'
// import Si from '../YI/Si.vue'
// import Yi1 from '../Er/Yi.vue'
// import Er1 from '../Er/Er.vue'
// import San1 from '../Er/San.vue'
// import Si1 from '../Er/Si.vue'
import No from '../YI/404.vue'
Vue.use(VueRouter)

const routes = [

  {
    path: '/',
    redirect: '/Deng'
  },
  // // {
  // //   path: '/Yi',
  // //   name: 'Yi',
  // //   component: Yi,
  // //   children: [
  // //     {
  // //       path: '/Yi1',
  // //       name: 'Yi1',
  // //       component: Yi1,
  // //     },
  // //     {
  // //       path: '/Er1',
  // //       name: 'Er1',
  // //       component: Er1,
  // //     }, {
  // //       path: '/San1',
  // //       name: 'San1',
  // //       component: San1,
  // //     }, {
  // //       path: '/Si1',
  // //       name: 'Si1',
  // //       component: Si1,
  // //     }
  // //   ]

  // // },
  // {
  //   path: '/Yi',
  //   name: 'Yi',
  //   component: Yi,

  //   children: [
  //     {
  //       //不加斜杠，就是拼接
  //       path: 'Yi1',
  //       name: 'Yi1',
  //       component: Yi1,
  //     },
  //     {
  //       path: 'Er1',
  //       name: 'Er1',
  //       component: Er1,
  //     }, {
  //       path: 'San1',
  //       name: 'San1',
  //       component: San1,
  //     }, {
  //       path: 'Si1',
  //       name: 'Si1',
  //       component: Si1,
  //     }
  //   ]

  // },
  // {
  //   path: '/Er/:id',
  //   name: 'Er',

  //   redirect: '/Yi',
  // },
  // {
  //   path: '/San/:id',
  //   name: 'San',
  //   component: San
  // },
  // {
  //   path: '/Si',
  //   name: 'Si',
  //   component: Si
  // },
  {
    path: '/Deng',
    name: 'Deng',
    component: Deng
  },
  {
    path: '/Shou',
    name: 'Shou',
    component: Shou,
    children: [
      {
        path: '/First',
        name: 'First',
        component: First,
      },
      {
        path: '/Second',
        name: 'Second',
        component: Second,
      },
      {
        path: '/Third/:id',
        name: 'Third',
        component: Third,
      },
      {
        path: '/Forth/:id',
        name: 'Forth',
        component: Forth,
      }
    ]

  },
  {
    path: '*',
    name: 'No',
    component: No
  }








  // {
  //   path: '/Deng',
  //   name: 'Deng',
  //   component: Deng
  // }
  // , {
  //   path: '/Zhu',
  //   name: 'Zhu',
  //   component: Zhu
  // },
  // {
  //   path: '/Tiao/:id',
  //   name: 'Tiao',
  //   component: Tiao
  // },
  // {
  //   path: '/Shou',
  //   name: 'Shou',
  //   component: Shou,
  //   redirect: '/Shou/Shou2',
  //   children: [
  //     {
  //       path: 'Cang2',
  //       name: 'Cang2',
  //       component: Cang2
  //     },
  //     {
  //       path: 'Shou2',
  //       name: 'Shou2',
  //       component: Shou2
  //     },
  //     {
  //       path: '/Wo2',
  //       name: 'Wo2',
  //       component: Wo2
  //     },
  //     {
  //       path: 'Xi2',
  //       name: 'Xi2',
  //       component: Xi2
  //     }

  //   ]
  // }

]

const router = new VueRouter({
  linkActiveClass: 'aa',
  linkExactActiveClass: 'bb',
  mode: 'hash',
  routes
})

export default router
